<template>
	<view class="tourList"><TourItem v-for="(item, index) in list" :key="index" :itemData="item" @bookIn="bookIn"></TourItem></view>
</template>

<script>
import TourItem from './tourItem.vue';
export default {
	name: 'tourList',
	components: {
		TourItem
	},
	props: {
		list: {
			type: Array,
			default: () => []
		}
	},
	data() {
		return {
			bookIn(id) {
				this.$emit('bookIn', id);
			}
		};
	}
};
</script>

<style lang="scss">
.tourList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
</style>
